AngularJS dibangun atas dasar keyakinan bahwa pemrograman deklaratif harus digunakan untuk membuat antarmuka pengguna dan hubungkan komponen perangkat lunak, sementara pemrograman penting lebih cocok untuk mendefinisikan aplikasi logika bisnis.
Kerangka kerja ini mengadaptasi dan memperluas HTML tradisional untuk menyajikan konten dinamis melalui pengikatan data dua arah yang memungkinkan sinkronisasi otomatis model dan tampilan. Akibatnya, AngularJS tidak menekankan secara eksplisit Model Objek Dokumen (DOM) manipulasi dengan tujuan meningkatkan kemampuan pengujian dan kinerja.
Tujuan desain AngularJS meliputi:
untuk memisahkan manipulasi DOM dari logika aplikasi. Kesulitan ini secara dramatis dipengaruhi oleh cara penyusunan kode. untuk memisahkan sisi klien aplikasi dari sisi server. Hal ini memungkinkan pekerjaan pengembangan maju secara paralel dan memungkinkan penggunaan kembali kedua sisi. Menyediakan struktur untuk perjalanan membangun aplikasi: mulai dari mendesain UI, menulis logika bisnis, hingga pengujian.
AngularJS mengimplementasikan pola MVC untuk memisahkan komponen presentasi, data, dan logika. Menggunakan injeksi ketergantungan, Angular menghadirkan secara tradisional sisi server layanan, seperti pengontrol yang bergantung pada tampilan, ke aplikasi web sisi klien. Akibatnya, banyak beban di server bisa dikurangi.
Persyaratan Tools untuk Angular
Dalam menggunakan Angular, ada beberapa tools yang diperlukan:
- Aplikasi Browser, untuk menampilkan keluaran dari program Angular yang dibuat.
- Editor, untuk menuliskan program Angular. Yang digunakan adalah VS Code
- Node.js, sebuah runtime JavaScript.
- Package Managers seperti NPM atau Yarn, untuk menginstall library yang memiliki banyak dependency.
- Angular CLI, untuk membuat proyek baru dari awal dan mengelolanya sepanjang siklus pengembangan web.
Untuk meng-install aplikasi Angular, pastikan tools yang dibutuhkan telah tersedia di computer.
- Download dan install NodeJS. Link Download: https://nodejs.org/en/download/
- Instalasi NodeJS akan turut meng-install package manager NPM.
- Gunakan perintah node –v pada terminal untuk mengecek hasil instalasi NodeJS.
- Gunakan perintah npm –v pada terminal untuk mengecek hasil instalasi NPM.
Instalasi Angular
Instalasi Angular CLI dengan menggunakan package manager NPM.
- Gunakan instruksi terminal: npm install –g @angular/cli
- Cek hasil instalasi dengan instruksi terminal: ng –version
Memulai Proyek Angular
- Buka terminal pada folder yang disiapkan untuk membuat proyek Angular.
- Jalankan instruksi ng new proyek-pertama.
- Pada pertanyaan Angular Routing, masukkan karakter Y dan untuk pilihan tipe styling, pilih CSS.
- Selanjutnya proses pembuatan proyek-pertama akan dijalankan.
- Berikut-nya masuk ke folder proyek-pertama yang telah dibuat.
- Jalankan command ng serve untuk menjalankan aplikasi angular.
- Setelah menjalankan instruksi ng serve dan muncul kalimat compiled successfully pada terminal, buka aplikasi browser dan masukkan url http://localhost:4200
- Pada browser akan tampil halaman angular seperti pada gambar berikut:
- Untuk menghentikan instruksi ng serve, tekan ctrl-C.
Daftar instruksi Angular CLI yang digunakan dalam pengembangan front-end adalah :
- ng new - untuk membuat proyek aplikasi angular.
- ng generate - untuk membuat components, routes, services dan pipes.
- ng serve - untuk melihat hasil pengembangan aplikasi Angular pada computer lokal.
- Test, Lint - untuk menjalankan unit tests, end-to-end tests atau linter Angular.
- ng build - untuk meng-compiles aplikasi Angular dan hasilnya disimpan pada folder dist/ pada path yang diberikan.
- Lebih lengkap, daftar instruksi Angular CLI dapat dilihat pada link: https://angular.io/cli